<template>
  <div>
      <h1>添加分类</h1>
      <div>
        分类名:<input type="text" v-model="name">
        所属分类:
        <select v-model="parent">
          <option value="">无</option>
          <option v-for="cate1 in cate1_list" :key="cate1.id" :value="cate1.id">{{cate1.name}}</option>
        </select>
        所属组:<input type="text" v-model="group">
        <input type="button" value="添加" @click="add">
      </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      name:"",
      cate1_list:[],
      parent:"",
      group:"",
    }
  },
  created(){
    this.axios.get("http://127.0.0.1:8000/cate1").then(resp=>{
      console.log(resp.data)
      this.cate1_list=resp.data
    })
  },
  methods:{
    add(){
      const data={
        "name":this.name,
        "parent":this.parent,
        "group":this.group,
      }
      this.axios.post("http://127.0.0.1:8000/cate1",data)
    }
  }
}
</script>

<style>

</style>